<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Home</title>
    <link rel="shortcut icon" type="image/png" href="img/fav.png">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/home.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/holder.min.js"></script>

</head>

<body>
    <div class="container-fulid">

        <!-- header -->
        <div class="nav_icon">
            <div class="row">
                <div class="col-md-4 col-md-offset-1">
                    <span class="navicon"><i class="fa fa-envelope-o" aria-hidden="true"></i>info@yourdomain.com</span>
                    <span class="navicon"><i class="fa fa-mobile fa-1x" aria-hidden="true"></i>+15222729355</span>
                </div>
                <div class="col-md-offset-5 col-md-2 visible-lg-block">
                    <a href=""><i class="fa fa-facebook fa_icon" aria-hidden="true"></i> </a>
                    <a href=""><i class="fa fa-twitter fa_icon" aria-hidden="true"></i></a>
                    <a href=""><i class="fa fa-linkedin fa_icon" aria-hidden="true"></i></a>
                    <a href=""><i class="fa fa-youtube fa_icon" aria-hidden="true"></i></a>
                </div>
            </div>
        </div>




        <!-- navbar -->
        <nav class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <button class="navbar-toggle collapsed" data-target="#mycollapse" data-toggle="collapse">
                        <span class="sr-only">Toggle-navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="" class="navbar-brand">
                        <img src="img/logo.png" alt="logo">
                    </a>
                </div>

                <div class="collapse navbar-collapse" id="mycollapse" style="margin-left:570px">
                        <ul class="nav navbar-nav">
                          <li><a href="home.html">Home <span class="sr-only">(current)</span></a></li>
                          <li><a href="class.html">Classess</a></li>
                          <li><a href="gallery.html">Gallery</a></li>
                          <li class="dropdown">
                            <a href="page.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="faq.html">FAQ</a></li>
                                <li><a href="404.html">404</a></li>
                            </ul>
                          </li>
                          <li><a href="blog.html">Blog</a></li>
                          <li><a href="contact.html">Contact</a></li>
                          <li><a href="facility.html">Facilities</a></li>
                        </ul>  
                      </div>

</div>
            </div>
        </nav>



        <!-- carousel -->
        <div id="carousel-example-generic" class="carousel slide lunbo" data-ride="carousel">
            <!-- Indicators -->

            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->

            <div class="carousel-left">
                <div class="carousel-inner carousel-bg" role="listbox">
                    <div class="item  active">
                        <div class="row">
                            <div class="item-left col-md-4 col-md-offset-2 visible-lg-block">
                                <p>It is easier to build strong children than to repair men.</p>
                                <button class="btn btn-primary">Vist our school</button>
                            </div>
                            <div class="item-right col-md-6 col-xs-8">
                                <img src="img/slide1.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="row">
                            <div class="item-left col-md-4 col-md-offset-2 visible-lg-block">
                                <p>It is easier to build strong children than to repair men.</p>
                                <button class="btn btn-primary">Vist our school</button>
                            </div>
                            <div class="item-right col-md-6 col-xs-8">
                                <img src="img/slide2.jpg" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="item">
                        <div class="row">
                            <div class="item-left col-md-4 col-md-offset-2 visible-lg-block">
                                <p>It is easier to build strong children than to repair men.</p>
                                <button class="btn btn-primary">Vist our school</button>
                            </div>
                            <div class="item-right col-md-6 col-xs-8">
                                <img src="img/slide3.jpg" alt="">
                            </div>

                        </div>

                    </div>
                </div>
            </div>

        </div>


        <!-- play -->
        <div class="introduce">
            <div class="row">
                <div class="intro-left col-md-4 col-md-offset-2 col-xs-10 col-xs-offset-2">
                    <h4>Welcome to</h4>
                    <h4 class="intro-words">CareVin Children Play School</h4>
                    <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit,proin gracida ex in urna pellentesque
                        tempor.
                    </p>
                    <p class="intro-text">Lorem ipsum dolor sit amet,consectetur adipiscing elit,proin gracida ex in
                        urna pellentesque tempor.>Lorem ipsum dolor sit amet,consectetur adipiscing elit,proin gracida
                        ex in urna pellentesque tempor.</p>
                    <a href="" class="btn">More</a>
                </div>
                <div class="intro-right col-md-6 visible-lg-block">
                    <img src="img/play.png" alt="">
                </div>
            </div>
        </div>



        <!-- contact us -->
        <div class="contact">
            <h4 style="color:#333">Visit our</h4>
            <h4 style="color:#ffffff">CareVin play school</h4>
            <a href="contact.html" class="btn">Contact Us</a>
        </div>


        <!-- features -->
        <div class="container">
            <div class="features">
                <h4 style="color:#333">CareVin &nbsp;<span style="color:#b9c917">Features</span></h4>
                <p style="color:#666866">Lorem ipsum dolor sit amet,consectetur adipiscing elit.Proin gravida.</p>
                <div class="features-six">
                    <div class="row">
                        <div class="fsix col-xs-6 col-md-4 ">
                            <dl>
                                <img src="img/features/001-teacher.png" alt="">
                                <dt style="color:#fdab3c">Fully Equiped</dt>
                                <dd>With supporting text below as a natural lead-in to additional content.</dd>
                            </dl>
                        </div>
                        <div class="fsix col-xs-6 col-md-4 ">
                            <dl>
                                <img src="img/features/002-to-do.png" alt="">
                                <dt style="color:#fa70b4">Creative Ideas</dt>
                                <dd>With supporting text below as a natural lead-in to additional content.</dd>
                            </dl>
                        </div>
                        <div class="fsix col-xs-6 col-md-4 ">
                            <dl>
                                <img src="img/features/003-think.png" alt="">
                                <dt style="color:#746ecb">Transport Services</dt>
                                <dd>With supporting text below as a natural lead-in to additional content.</dd>
                            </dl>
                        </div>
                    </div>
                    <div class="row fe-last">
                        <div class="fsix col-xs-6 col-md-4 ">
                            <dl>
                                <img src="img/features/004-school.png" alt="">
                                <dt style="color:#0bb3a3">Smart Study</dt>
                                <dd>With supporting text below as a natural lead-in to additional content.</dd>
                            </dl>
                        </div>
                        <div class="fsix col-xs-6 col-md-4 ">
                            <dl>
                                <img src="img/features/005-bus.png" alt="">
                                <dt style="color:#86c43c">Fullday Programs</dt>
                                <dd>With supporting text below as a natural lead-in to additional content.</dd>
                            </dl>
                        </div>
                        <div class="fsix fsix-last col-xs-6 col-md-4 ">
                            <dl>
                                <img src="img/features/006-idea.png" alt="">
                                <dt style="color:#fe009b">Expert Staff</dt>
                                <dd>With supporting text below as a natural lead-in to additional content.</dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- parent reviews -->
        <div class="reviews-title">Parent Rviews</div>
        <div id="carousel-example-captions" class="carousel slide " data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-captions" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-captions" data-slide-to="1" class=""></li>
                <li data-target="#carousel-example-captions" data-slide-to="2" class=""></li>
            </ol>
            <div class="carousel-inner reviews" role="listbox">
                <div class="item active">
                    <div class="row user-img col-md-offset-7 col-md-5 col-xs-10 col-xs-offset-2">
                        <img src="img/user1.jpg" alt="">
                    </div>
                    <div class="row">

                        <div class="carousel-caption ">
                            <p class="reviews-parent">DAVID VAAS</p>
                            <p class="reviews-parent"><small>parent</small></p>
                            <p class="user-text">Nulla vitae elit libero, a pharetra augue mollis interdumNulla vitae
                                elit libero, a pharetra augue mollis interdum.Nulla vitae elit libero, a pharetra augue
                                mollis interdum.Nulla vitae elit libero, a pharetra augue mollis interdum.Nulla
                                vitae elit libero, a pharetra augue mollis interdum.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="item ">
                    <div class="row user-img  col-md-offset-7 col-md-5 col-xs-10 col-xs-offset-2">
                        <img src="img/user2.jpg" alt="">
                    </div>
                    <div class="row">
                        <div class="carousel-caption ">
                            <p class="reviews-parent">LISA VAAS</p>
                            <p class="reviews-parent"><small>parent</small></p>
                            <p class="user-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum
                                dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur
                                adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem
                                ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        </div>
                    </div>
                </div>
                <div class="item ">
                    <div class="row user-img  col-md-offset-7 col-md-5 col-xs-10 col-xs-offset-2">
                        <img src="img/user3.jpg" alt="">
                    </div>
                    <div class="row">
                        <div class="carousel-caption ">
                            <p class="reviews-parent parents">DANIEL VAAS</p>
                            <p class="reviews-parent"><small>parent</small></p>
                            <p class="user-text">Praesent commodo cursus magna, vel scelerisque nisl
                                consectetur.Praesent commodo cursus magna, vel scelerisque nisl consectetur.Praesent
                                commodo cursus magna, vel scelerisque nisl consectetur.Praesent commodo cursus magna,
                                vel scelerisque nisl consectetur.Praesent commodo cursus magna, vel scelerisque nisl
                                consectetur.</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- Latest News -->
        <div class="container">
            <div class="news">
                <h4 style="color:#333">Latest &nbsp;<span style="color:#0bb3a3">News</span></h4>
                <p style="color:#666866">Lorem ipsum dolor sit amet,consectetur adipiscing elit.Proin gravida.</p>
                <div class="news-three">
                    <div class="row">
                        <div class="nthree tipborder  col-xs-11 col-xs-offset-1 col-md-4 ">

                            <dl>
                                <img src="img/blog1.jpg" alt="">
                                <a href="" class="btn btn-tips">Tips</a>
                                <dt style="color:#86c43c;;margin-top: 20px">Ask an Expert:How to find the right school
                                </dt>
                                <dd>Some quick exampple text to build in the card title and make up the bulk of the
                                    card's
                                    content.</dd>
                            </dl>
                        </div>
                        <div class="nthree queriesborder col-xs-11 col-xs-offset-1 col-md-4 ">

                            <dl>
                                <img src="img/blog2.jpg" alt="">
                                <a href="" class="btn btn-queries">Queries</a>
                                <dt style="color:#fa70b4;margin-top: 20px">Ask an Expert:How to find the right school
                                </dt>
                                <dd>Some quick exampple text to build in the card title and make up the bulk of the
                                    card's
                                    content.</dd>
                            </dl>
                        </div>
                        <div class="nthree generalborder col-xs-11 col-xs-offset-1 col-md-4 ">

                            <dl>
                                <img src="img/blog3.jpg" alt="">
                                <a href="" class="btn btn-general">General</a>
                                <dt style="color:#746ecb;;margin-top: 20px">Ask an Expert:How to find the right school
                                </dt>
                                <dd>Some quick exampple text to build in the card title and make up the bulk of the
                                    card's
                                    content.</dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- footer -->
        <div class="footer">
            <div class="footer-top"></div>
            <div class="footer-content">
                <div class="footer-info">
                    <div class="row col-md-7 col-md-offset-5 col-xs-10 col-xs-offset-2">
                        <p class="footer-logo"> </p>
                    </div>
                    <div class="row  col-md-12 col-xs-11col-xs-offset-1">
                        <p class="footer-text">Copyright &copy; 2018 Company name All rights reserved.网页模板 </p>
                    </div>
                   
                    <div class="row">
                        <div class="footer-icon col-xs-12">
                            <a href=""><i class="fa fa-facebook fa_icon" aria-hidden="true"></i> </a>
                            <a href=""><i class="fa fa-twitter fa_icon" aria-hidden="true"></i></a>
                            <a href=""><i class="fa fa-linkedin fa_icon" aria-hidden="true"></i></a>
                            <a href=""><i class="fa fa-youtube fa_icon" aria-hidden="true"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>

</htm